<template>
	<a-space direction="vertical">
		<a-space direction="vertical">
			<a-descriptions title="系统信息" bordered>
				<a-descriptions-item label="Product">Cloud Database</a-descriptions-item>
				<a-descriptions-item label="Billing">Prepaid</a-descriptions-item>
			</a-descriptions>
		</a-space>
		<a-space direction="vertical">
			<a-typography-title>介绍</a-typography-title>
			<a-typography-paragraph>
			蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。
			</a-typography-paragraph>
			<a-typography-paragraph>
			随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系
			Ant Design。基于
			<a-typography-text mark>『确定』和『自然』</a-typography-text>
			的设计价值观，通过模块化的解决方案，降低冗余的生产成本，让设计者专注于
			<a-typography-text strong>更好的用户体验</a-typography-text>
			。
			</a-typography-paragraph>
			<a-typography-title :level="2">设计资源</a-typography-title>
			<a-typography-paragraph>
			我们提供完善的设计原则、最佳实践和设计资源文件（
			<a-typography-text code>Sketch</a-typography-text>
			和
			<a-typography-text code>Axure</a-typography-text>
			），来帮助业务快速设计出高质量的产品原型。
			</a-typography-paragraph>
		</a-space>
	</a-space>
</template>

<script setup >
	import { ref } from 'vue';
	import UAParser from 'ua-parser-js';
	// console.log("browserName->" + navigator.appName);
	// console.log("browserVersion->" + navigator.appVersion);
	// console.log("browserCodeName->" + navigator.appCodeName);
	// console.log("browserplatform->" + navigator.platform);
	// console.log("browsergeolocation->" + JSON.stringify(navigator.geolocation));
	// console.log("browserproduct->" + navigator.product);
	// console.log("browseruserAgent->" + navigator.userAgent);
	const parser = new UAParser();
	const result = parser.setUA(navigator.userAgent).getResult();
	
	//console.log("===>" + JSON.stringify(result));
</script>

<style scoped>
</style>